<div class="modal">
    <div class="modalCenter">
        <div class="popupLogin">
            <form (ngSubmit)="submitForm()" [formGroup]="validateForm" class="login-form" nz-form>
                <nz-form-item>
                    <nz-form-control>
                        <nz-input-group nzPrefixIcon="anticon anticon-user">
                            <input [(ngModel)]="login.userName" formControlName="userName"
                                   nz-input
                                   placeholder="请输入用户名"
                                   type="text">
                        </nz-input-group>
                        <nz-form-explain
                            *ngIf="validateForm.get('userName').dirty && validateForm.get('userName').errors">
                            请输入用户名！
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item>
                    <nz-form-control>
                        <nz-input-group nzPrefixIcon="anticon anticon-lock">
                            <input [(ngModel)]="login.password" formControlName="password"
                                   nz-input
                                   placeholder="请输入密码"
                                   type="password">
                        </nz-input-group>
                        <nz-form-explain
                            *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">
                            请输入密码！
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <nz-form-item *ngIf="production && ssoService.getNeedVerifyCode()" style="position:relative;">
                    <nz-form-control class="cc">
                        <input [(ngModel)]="login.verifyCode" formControlName="verifyCode" nz-input
                               placeholder="请输入验证码" type="text">
                    </nz-form-control>
                    <div class="yzm-namer">
                        <img (click)="refreshVerifyCode()" [src]="verifyCodeSrc" class="getVerifyCodeImage">
                    </div>
                </nz-form-item>
                <span *ngIf="errorMessage" class="errorMessage">{{errorMessage}}</span>
                <nz-form-item class="last-item">
                    <nz-form-control>
                        <label [ngModel]="login.rememberMe" formControlName="rememberMe"
                               nz-checkbox>
                            <span>记住我</span>
                        </label>
                        <a class="login-form-forgot" class="login-form-forgot">忘记密码</a>
                        <button (click)="doLogin()"
                                [nzType]="'primary'"
                                class="login-form-button" nz-button>登录
                        </button>
                        <a href="">注册</a>
                    </nz-form-control>
                </nz-form-item>
            </form>
        </div>
    </div>
</div>
